<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>demo</title>  
  <link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
</head>
 
<body>
  <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup='{}'>      
        <!-- <source id="source" src="http://yf.ugc.v.cztv.com/cztv/ugcvod/2018/04/14/A98CD7B26B06D94A5CEA56AA7D723572/h264_800k_mp4.mp4_playlist.m3u8"  type="application/x-mpegURL">   -->


        <source id="source" src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8"  type="application/x-mpegURL">  

             <!-- <source id="source" src="http://1252093142.vod2.myqcloud.com/4704461fvodcq1252093142/48c8a9475285890781000441992/playlist.m3u8"  type="application/x-mpegURL">   -->

    </video>  
    <!-- <source src="https://vjs.zencdn.net/v/oceans.webm" type='video/webm' />
  <video id="myVideos" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup='{}'>      
    <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
  </video> 
  <video id="myVideos" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup='{}'>      
   <source src="https://vjs.zencdn.net/v/oceans.webm" type='video/webm' />
  </video>  -->
</body>  
  <script src="https://vjs.zencdn.net/7.0.3/video.js"></script>
  <script src="src/videojs-contrib-hls.js"></script>
</html>  

